@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap');

/*.hidden-xs{
    display: none;
}*/

/*нужно присвоить блоку с текстом класс .shadow-block*/
.shadow-block1{
    overflow:hidden;
    position:relative;
    padding: 30px;
    border-radius: 10px;
    box-shadow:
                -2px -1px 10px rgba(0,0,0,0.1), 
                2px -1px 10px rgba(0,0,0,0.1);
     margin-top:15px;
     margin-bottom:15px;
     margin-left: 15px;
     margin-right:15px;
  
}

.shadow_block2{
    overflow:hidden;
    position:relative;
    padding: 30px;
    border-radius: 10px;
    box-shadow:
                -2px -1px 10px rgba(0,0,0,0.1), 
                2px -1px 10px rgba(0,0,0,0.1);
     margin-top:15px;
     margin-bottom:15px;
     margin-left: 15px;
     margin-right:15px;
    font-size: 12px;
}

/*блок с 3мя колонками*/
.three_col{
    margin-left:14px;
    margin-right:14px;
    padding: 25px;
    border-radius: 10px;
    box-shadow:
                -2px -1px 10px rgba(0,0,0,0.1), 
                2px -1px 10px rgba(0,0,0,0.1);
  font-size:14px; 
}

/*красим поля анкеты*/
.field-input-block input, .field-input-block textarea, .form-control {
  background: #f1f1f1; 
}

/*оформление блока анкеты*/
.form-content{
  border-radius: 10px;
  box-shadow:
  -2px -1px 10px rgba(0,0,0,0.1), 
    2px -1px 10px rgba(0,0,0,0.1);
  padding:25px;
  
}

.row .form-content {
    margin-left: 1px!important;
    margin-right: 1px!important;
    width: 100%!important;
}

/*красная плашка в текстовом блоке*/
.week{
    position:absolute;
    top: -45px;
    height:50px;
    padding:5px;
    width:200px;
    text-align: center;
    right:-40px;
    color: white;
    background:#579ede;
    border-radius:0px 0px;
    font-size:12px;
}

/*блок с файлами*/
.files-table{
  box-shadow:
               -2px -1px 10px rgba(0,0,0,0.1), 
                2px -1px 10px rgba(0,0,0,0.1);
  border-radius: 10px;
  font-family:"Montserrat"!important;
}

.files-table td{
  vertical-align:middle!important;
}

/*красная плашка в текстовом блоке для мобильного*/
@media (max-width: 768px) {
  .week{
    height:40px;
    width:150px;
    font-size:10px;
}
   .files-table{
     font-size: 0.8em;
  }
}



/*скругление границ видеоплеера*/
.vhi-iframe {
  background: black;
  border-radius: 10px;
}

.f-lesson-header-1, .zagolovok{
    font-size:30px!important;
    font-family:"Montserrat"!important;
    font-weight: 700!important;
}

@media (max-width: 768px) {
.f-lesson-header-1, .zagolovok{
    font-size:24px!important;
    font-family:"Montserrat"!important;
    font-weight: 700!important;
}
}

.lt-form .field-label {
    font-size:14px!important;
    font-family:"Montserrat"!important;
    font-weight: 500;
}

.field-input-block{
    font-size:12px!important;
    font-family:"Montserrat"!important;
    font-weight: 400;
    /*background:#f5f5f5;*/
}

/*кнопка анкеты*/
.btn.f-btn.button-md{
     border-radius:16px;
    background:#ca2045;
    font-family:"Montserrat"!important;
    font-size: 14px!important;
    font-weight: 400!important;
    min-height: 50px!important;
}

.f-header.f-header-26 {
    font-family:"Montserrat"!important;
}

/**************** Оформление чек-боксов**************/
.custom-field.type-checkbox .field-label > input  {
  position: absolute;
  z-index: -1;
  opacity: 0;
  float: right!important;

}

/* для элемента label, связанного с .custom-checkbox */
.custom-field.type-checkbox .field-label > span  {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-field.type-checkbox .field-label > span::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 0.6em;
  background: #f1f1f1;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-field.type-checkbox .field-label > input:checked+span::before {
  background-color: #f1f1f1;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ff0000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); 
}

/* стили для чекбокса для выравнивания */
.custom-field.type-checkbox .field-label .label-value {
   margin-left: 0px;
   display: flex;
}
/****************************/

iframe{
  background-color: #000;
  border-radius:10px;
}